<!--
 * @Author: linzaifei 1609781601@qq.com
 * @Date: 2025-05-26 09:16:44
 * @LastEditors: linzaifei 1609781601@qq.com
 * @LastEditTime: 2025-08-15 14:20:30
 * @FilePath: /vue3-cesium-plus/src/components/control/vc-search.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="vc-compass-control" :style="positionStyle" >
      <div class="vc-button" >
            <img src="@/assets/svg/draw.svg" style="color: bisque;" />
            <span>绘制</span>
      </div>
    </div>
  </template>
  
<script setup lang="ts">
// import { ref } from 'vue'
import { positionProps, usePosition } from '../composables/usePosition'
// import { useCustomCesium } from "../useCustomCesium";
// const {vueCesium} = useCustomCesium();

const props = defineProps({
    ...positionProps,
})
const { positionStyle } = usePosition(props)

// const onTap = ()=>{
    
//     // const camera = vueCesium.viewer.camera;
//     // // const pitch = Cesium.Math.toRadians(-30); // -30° 俯视角
//     // console.log("____pitch",camera.orientation.pitch)
//     // camera.flyTo({
//     //     destination : Cesium.Cartesian3.fromDegrees(-122.19, 46.25, 5000.0),
//     //     orientation : {
//     //         // heading : Cesium.Math.toRadians(175.0),
//     //         pitch : Cesium.Math.toRadians(-45.0),
//     //         roll : 0.0
//     //     }
//     // });

// }


</script>
  
<style scoped lang="scss">
  .vc-compass-control{
    position: absolute;
    z-index: 100;
    .vc-button{
      img{
        width: 14px;
        height: 14px;
      }
    }
    
  }
</style>